<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!-- 对不识别viewport设备优化 -->
    <meta name="HandheldFriendly" content="true">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <title>公司认证 | 商超世界</title>
    <link rel="icon" type="image/x-icon" href="../favicon.ico" />
    <link rel="stylesheet" type="text/css" href="../public/css/reset.css">
    <script type="text/javascript" src="../public/js/rem.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/company.css">
</head>

<body>
    <header>
        <a onclick="javascript:window.history.back(-1);return false" class="back">
            <img src="./images/back.png" alt="">
        </a>
       企业信息
    </header>
    <div class="main">
        <!-- 流程图 -->
        <div class="process"></div>
        <!-- 企业信息- -->
        <div class="company">
            <ul>
                <!-- 企业名称 -->
                <li>
                    <span>企业名称</span>
                    <input type="text" placeholder="请填写企业名称" />
                </li>
                <!-- 企业地址-->
                <li>
                    <span>企业地址</span>
                    <input type="tel" placeholder="请填写企业地址" />
                </li>
                <!-- 联系电话-->
                <li style="border: 0;">
                        <span>联系电话</span>
                        <input type="tel" placeholder="请填写联系电话" />
                    </li>
            </ul>
        </div>

         <!-- 图片上传- -->
         <div class="identity">
                <!-- 身份证正面照 -->
                <section>
                    <h3>上传营业执照</h3>
                    <ul class="clearfix">
                        <li>
                            <img src="./images/example4.png" alt="" style="background-color: #fff">
                            <p>示例</p>
                        </li>
                        <li>
                            <label class="addPhoto" for="front">
                                <img src="./images/upload.png" alt="">
                                <br/>
                            </label>
                            <!--点击上传图片后显示 -->
                            <div class="display frontImg">
                                <!-- 图片预览 -->
                                <img class="preview" height="100%">
                                <!-- 重新上传、删除 -->
                                <span class="photoOpe">
                                    <label class="uploadLabel front" for="front">重新上传</label>
                                    <label class="del">删除</label>
                                    <form class="form">
                                        <input type="file" accept="image/jpg,image/jpeg,image/png" contenteditable="false" id="front">
                                    </form>
                                </span>
                            </div>
                            <p>正面</p>
                        </li>
                    </ul>
                </section>
            </div>
        <!-- 提交 -->
        <input type="button" value="提交" class="submit">
    </div>
</body>

</html>